﻿<!DOCTYPE html>
<!--[if lt IE 9]><html lang="en" class="en oldIE"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="en">
<!--<![endif]-->
<head>
    <title>Pinterest / Welcome</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <link rel="icon" href="https://s-passets-ec.pinimg.com/images/favicon.png" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="https://s-passets-ec.pinimg.com/css/join_24eb2a24.css">
    <script type="text/javascript">
        window.main = function ()
        {
            $(function ()
            {
                P.Join.Terms.setup();
                P.WarmRegistration();
                P.Registration.setup(
                  $('.RegisterForm'),
                  $('#username'),
                  $('#email'),
                  $('#password'),
                  $('#first_name'),
                  $('#CompleteRegistrationButton'),
                  '.helper'
                );
            });
            $(document).on('ready', function ()
            {
                $("#id_country").siblings('.FancySelect').find('li').on('click', function (evt)
                {
                    var $target = $(evt.target);
                    if ($target.is('span'))
                    {
                        $target = $target.parent();
                    }
                    var country = $target.attr('data');
                    if (country === 'FR')
                    {
                        $('.termsFieldWrapper').removeClass('hidden');
                    } else
                    {
                        $('.termsFieldWrapper').addClass('hidden');
                    }
                });
            });
        }
    </script>
</head>
<body class="" onload="$('body').addClass('loaded')">
    <div id="CompleteContainer" class="CreateAccountStep joinStep  ">
        <div class="education">
            <div class="bg"></div>
            <div class="text">
                <div class="inner">
                    <p><em>Thanks</em>!</p>
                    <p>Based on your choices, we'll select boards to get you started.</p>
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="shadow"></div>
            <div class="content_wrapper">
                <div class="content">
                    <div class="header">
                        <h1>Create your account</h1>
                    </div>
                    <div id="CompletePhoto">
                        <div class="frame">
                            <img src="https://s-passets-ec.pinimg.com/images/registration/default-profile.png" alt="Photo of Account Creator" />
                        </div>
                        <div class="buttons">
                            <label for="id_img" class="Button WhiteButton Button13 ContrastButton upload" data-text-uploading="Uploading&hellip;">Upload your Photo</label>
                        </div>
                    </div>
                    <form class="RegisterForm" id="CompleteAccount" action="/join/register_new/" method="POST" accept-charset="utf-8">
                    <ul class="fields">
                        <li class="field required " id="username" data-validation-short="Please use at least 3 characters"
                            data-validation-long="Please use less than 15 characters">
                            <input type="text" name="username" maxlength="15" autocapitalize="off" autocorrect="off" placeholder="Username" id="id_username" />
                            <label for="id_username">Username</label>
                            <div class="helper"></div>
                        </li>
                        <li class="field required " id="email">
                            <input type="text" name="email" maxlength="100" autocapitalize="off" autocorrect="off" placeholder="Email Address" id="id_email" />
                            <label for="id_email">Email Address</label>
                            <div class="helper"></div>
                        </li>
                        <li class="field required " id="password">
                            <input type="password" autocorrect="off" placeholder="Password" name="password" id="id_password" />
                            <label for="id_password">Password</label>
                            <div class="helper"></div>
                        </li>
                        <li class="separator"></li>
                        <li class="field required " id="first_name" data-error="Please enter your first name">
                            <input name="first_name" maxlength="80" placeholder="First Name" autocorrect="off" type="text" id="id_first_name" />
                            <label for="id_first_name">First Name</label>
                            <div class="helper">
                            </div>
                        </li>
                        <li id="last_name" class="field">
                            <input name="last_name" maxlength="80" placeholder="Last Name" autocorrect="off" type="text" id="id_last_name" />
                            <label for="id_last_name">Last Name</label>
                            <div class="helper">
                            </div>
                        </li>
                        <li class="field ">
                            <label for="id_gender">Gender</label>
                            <select name="gender" id="id_gender">
                                <option value="" selected="selected">Select your gender</option>
                                <option value="male">Male</option>
                                <option value="female">Female</option>
                                <option value="unspecified">Unspecified</option>
                            </select>
                            <div class="helper">
                            </div>
                        </li>
                        <li class="field">
                            <label for="id_country">Country</label>
                            <select name="country" id="id_country">
                                <option value="ZW">Zimbabwe</option>
                            </select>
                            <div class="helper">
                            </div>
                        </li>
                        <li class="hidden" id="profile_img">
                            <input type="hidden" name="user_image_url" value="https://s-passets-ec.pinimg.com/images/registration/default-profile.png" id="id_user_image_url" />
                        </li>
                    </ul>
                    <div class="fileInput">
                        <input type="file" name="img" id="id_img" />
                    </div>
                    <div class="terms">
                        By creating an account, I accept Pinterest's <a href="https://about.pinterest.com/terms/plain.html">Terms of Service</a> and <a href="https://about.pinterest.com/privacy/plain.html">Privacy Policy</a>.
                    </div>
                    <div class="termsFieldWrapper hidden">
                        <div class="termsWrapper">
                        </div>
                    </div>
                    <div style='display: none'>
                        <input type='hidden' name='csrfmiddlewaretoken' value='pHutBDPa2Aj6vEwBUgMVyK0Y9WV5ScyN' /></div>
                    <div style='display: none'>
                        <input type='hidden' name='_ch' value='az0prpb0' /></div>
                    <input type="hidden" name="registration_type" value="email" id="id_registration_type" />
                    <div class="buttons">
                        <button class="Button RedButton Button24 disabled" id="CompleteRegistrationButton" type="submit">Create Account</button>
                    </div>
                    </form>
                    <!-- #CompleteAccount -->
                </div>
            </div>
        </div>
    </div>
    <!-- #CompleteContainer -->
    <div id="Loading"></div>
    <script type="text/javascript" src="https://s-passets-ec.pinimg.com/js/jquery-1.7.1.min.js"></script>
    <script>
        var weakPasswords = [
            "pinterest", "password", "123456", "welcome ", "ninja", "abc123", "123456789", "12345678",
            "sunshine", "princess", "qwerty", "master", "michael", "jordan", "dragon", "soccer", "killer",
            "pepper", "devil", "princess", "1234567", "iloveyou"
        ]
        var passStrengthOpts = {
            userid: "",
            shortPassStr: 'Please use at least 6 characters', blackPassStr: 'Password too common',
            badPassStr: 'Weak Password', goodPassStr: 'OK', strongPassStr: 'Great!',
            samePasswordStr: 'Username and password identical',
            badPassStyle: "bad_password", goodPassStyle: "ok_password", strongPassStyle: "strong_password"
        };
        $(document).ready(function ()
        {
            var passStrengthElem = $(".strength_validated_password")
            if (passStrengthElem.length != 0)
            {
                passStrengthElem.passStrength(
                    $(".submit_button_id"), $("#password_validation_msg"), weakPasswords, passStrengthOpts);
            }
        });
    </script>
    <script type="text/javascript" src="https://s-passets-ec.pinimg.com/js/bundle_join_c1141aae.js"></script>
    <script type="text/javascript">
        function filtered_gaq_push_pageview()
        {
            cur_url = document.URL;
            if (!cur_url.match(/email=/))
            {
                _gaq.push(['_trackPageview']);
            }
        }
        function trackGAEvent(category, action, label, value)
        {
            _gaq = _gaq || []
            // Event
            _gaq.push(['_trackEvent', category, action, label, value]);
            // Virtual Page
            virtual_page = '_event_';
            virtual_page += "/" + category;
            if (!action) action = '_';
            virtual_page += "/" + action;
            if (label) virtual_page += "/" + label;
            _gaq.push(['_trackPageview', virtual_page]);
        }
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-12967896-1']);
        _gaq.push(['_setCustomVar', 1, 'is_logged_in', 'logged out', 2]);
        _gaq.push(['_setCustomVar', 2, 'page_name', 'register', 1]);
        filtered_gaq_push_pageview();
        (function ()
        {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
        })();
    </script>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            if (top != self)
            {
                $('body').html('<h1>Unauthorized</h1>')
            }
        });
    </script>
    <script type="text/javascript">
        (function ()
        {
            var footer = new Image();
            footer.src = '/_ch/x3juso5m';
        })();
    </script>
</body>
</html>
